<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>

	</head>
	<body>
		<h1>按钮点击后，被禁止，无法再次点击</h1>

		<!-- 按钮的disabled属性，它就是不允许点击  disabled="disabled" -->
		<button id="pay">支付宝支付</button>
		<button>微信支付</button>

	</body>
	<script>
		$("#pay").click(function() {
			//怎么去设置按钮的禁止属性attribute(attr)，两个参数：属性名和属性值
			//jquery中disabled是boolean，true禁止和false不禁止
			$("#pay").attr("disabled", true);

			//改变文字，this代表当前对象按钮，jQuery语法特殊写：$(this)
			$("#pay").text($(this).text() + "，已经支付，请稍后...");
		})
	</script>
</html>
